<template>
	<!-- 实名工友查询 -->
	<view id="app-wrapper">
		<view class="wrap-header">
			<view class="header-search">
				<u-input placeholder="请输入查询手机号" v-model="value" />
			</view>
			
			<view class="header-button">立即查询</view>
		</view>
		<view class="wrap-main">
			<view class="main-hint">温馨提示</view>
			<view class="main-desc">
				1、与对方联系时，可询问对方是否已在鱼泡网进行实名认证，
				如未认证，可建议其到鱼泡网认证通道进行实名认证，
				认证审核通过后可再行联系，如已认证，
				可输入对方联系方式进行实名查询，了解其详细资料，
				谨防上当受骗。（经鱼泡实名认证且通过审核用户，
				都已经过网络大数据筛选以及鱼泡网人工审核。
				为保证您能更好的使用鱼泡网信息，确保人生财产安全，
				鱼泡网温馨提示您在与对方沟通时，请做好以下防范措施）
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:''
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	#app-wrapper{
		background-color: #f7f6f9;
		padding-top: 20rpx;
		.wrap-header{
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 0 20rpx 30rpx;
			background-color: #FFF;
			border-radius: 10rpx;
			.header-search{
				width: 80%;
				border-bottom: 2rpx solid #f7f6f9;
			}
			.header-button{
				width: 40%;
				height: 70rpx;
				line-height: 70rpx;
				margin: 30rpx 0;
				background-color: #108eef;
				font-size: 30rpx;
				font-weight: 600;
				color:#fff;
				border-radius: 10rpx;
				text-align: center;
				
			}
		}
		.wrap-main{
			background-color: #fff;
			padding: 20rpx;
			.main-hint{
				width: 20%;
				height: 60rpx;
				line-height: 60rpx;
				margin-bottom: 20rpx;
				font-size: 28rpx;
				color:#fff;
				text-align: center;
				background-color: #f86e09;
				border-radius: 10rpx;
			}
			.main-desc{
				font-size: 30rpx;
			}
		}
	}

</style>
